/* #ifndef H5 */
.sxran-im-dark{
	@import "./dark.scss";
}
.sxran-im-light{
	@import './light.scss';
}
.sxran-im-warm{
	@import './warm.scss';
}
.sxran-im-black{
	@import './black.scss';
}
/* #endif */
/* #ifdef H5 */
@import "./dark.scss";
@import './light.scss';
@import './warm.scss';
@import './black.scss';

:root{
  /* 背景颜色 */
    --uni-bg-color: #ffffff;
    --uni-bg-color-grey: #0099ff;
	--uni-bg-color-assist: #faf4ff;
	--uni-bg-color-content: #ffffff;
	--uni-bg-color-envoy: #d0e1f5;
    --uni-bg-color-hover: rgba(0,0,0 , 0.1);
	--uni-bg-color-active: #0099ff;
    --uni-bg-color-mask: rgba(36, 116, 181, 0.7);
	--uni-bg-color-bubble: #ffffff;  //气泡
  
    /* 文字颜色 */
    --uni-text-color: #000000; /* 主要文字颜色 */
    --uni-text-color-inverse: #ffffff; /* 反色文字 */
    --uni-text-color-grey: #909193; /* 辅助文字颜色 */
    --uni-text-color-placeholder: #9999a5; /* 占位符文字颜色 */
    --uni-text-color-disable: #80b3d4; /* 禁用状态文字颜色 */
	--uni-color-link: #4cd964; /* 链接颜色 */
	--uni-text-color-active: #ffffff;
    /* 边框颜色 */
    --uni-border-color: #d0d3d7;
  
    /* 行为相关颜色 */
    --uni-color-primary: #0099ff;
    --uni-color-success: #4cd964;
    --uni-color-warning: #f0ad4e;
    --uni-color-error: #dd524d;
	--uni-color-info: #909399;
	--uni-color-main: #303133;
	--uni-color-content:#999999;
	--uni-color-tips: #909193;
	--uni-color-light: #c0c4cc;
	
    --uni-color-hr: #e8eaed; /* 分隔线颜色 */
	
	--uni-thumb-color: #dadbde; //滑块
	--uni-thumb-color-hover: #dadbde; //滑块
}
/* #endif */

// 超出行数，自动显示行尾省略号，最多5行
// 来自uView的温馨提示：当您在控制台看到此报错，说明需要在App.vue的style标签加上【lang="scss"】
@for $i from 1 through 5 {
	.u-line-#{$i} {
		/* #ifdef APP-NVUE */
		// nvue下，可以直接使用lines属性，这是weex特有样式
		lines: $i;
		text-overflow: ellipsis;
		overflow: hidden;
		flex: 1;
		/* #endif */

		/* #ifndef APP-NVUE */
		// vue下，单行和多行显示省略号需要单独处理
		@if $i == '1' {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		} @else {
			display: -websxran-im-box!important;
			overflow: hidden;
			text-overflow: ellipsis;
			word-break: break-all;
			-websxran-im-line-clamp: $i;
			-websxran-im-box-orient: vertical!important;
		}
		/* #endif */
	}
}


/* 伪元素选择器用于自定义滚动条 */
::-websxran-im-scrollbar {
    width: 5px; /* 滚动条的宽度 */
}
 
/* 滚动条轨道 */
::-websxran-im-scrollbar-track {
    background: transparent; 
}
 
/* 滚动条滑块 */
::-websxran-im-scrollbar-thumb {
    background: var(--uni-thumb-color); 
	border-radius: 10px;
}
 
/* 滚动条滑块在悬停时的颜色 */
::-websxran-im-scrollbar-thumb:hover {
    background: var(--uni-thumb-color-hover); 
}





